// 引入less
require('../css/home.less')
// 引入fonts
require('../fonts/iconfont.css');
//引入swiper.css
require("../lib/swiper/swiper-bundle.css");

document.ready(function () {
    // 判断是否登录
    window.utils.isLogin()
    //接收挂载在window上的底部tab栏
    window.utils.navTabs("home")
    /* 轮播 */
    new Swiper('.swiper-container', {
        loop: true, // 循环模式选项
        autoplay: true, // 自动切换
        watchSlidesProgress: true,
        watchSlidesVisibility: true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        }

    })


    // 取出本地存储的数据（用户的id）
    const userId = window.localStorage.getItem("userId");
    // 获取元素节点
    const rankNum = document.querySelector("#rankNum"); //排名
    const sumDays = document.querySelector("#sumDays"); //打卡
    const badge = document.querySelector("#badge"); //徽章
    const sgins = document.querySelector("#sgins"); //打卡
    // 获取页面数据
    function getHomeData() {
        window.$http.get(`headPageInfo?userId=${userId}`, function (res) {
            // 成功
            if (res.status === 0) {
                // 取出后端返回的数据
                const rank = res.data.rank; //排名
                const punchIn = res.data.punchIn; //打卡天数
                const insigniaNum = res.data.insigniaNum; //徽章
                const isPunch = res.data.isPunch; //打卡
                // 向页面渲染数据
                rankNum.textContent = rank;
                sumDays.textContent = punchIn;
                badge.textContent = insigniaNum;
            }
        })
    }
    // 今日打卡
    sgins.addEventListener("click", function () {
        //发送ajax到打卡接口
        window.$http.get(`clockIn?userId=${userId}`, function (res) {
            if (res.status === 0) {
                sgins.textContent = "打卡完成"
            } else {
                window.utils.showTost("err", "今日已打卡", 1000)
            }
        })
    })
    //跳转课程
    const playClass = document.querySelector("#playClass")
    playClass.addEventListener("click", function () {
        window.location.href = "./course.html" // 跳转到课程列表
    })
    getHomeData()
})